<template>
  <el-form
    ref="formVal"
    :model="formVal"
    label-width="160px"
    class="el-form pms-form"
    size="mini"
    disabled
    :inline="true"
    style="line-height: 28px;"
  >
    <el-row :gutter="24">
      <el-col :span="6">
        <el-form-item label="立项批复金额" style="width:100%;" prop="totalCost">
          <el-input v-model.trim="formVal.totalCost" />
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="设计批复金额" style="width:100%;" prop="desInvest">
          <el-input v-model.trim="formVal.desInvest" />
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="建安投资" style="width:100%;" prop="jaAmt">
          <el-input v-model.trim="formVal.jaAmt" />
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="设备投资" style="width:100%;" prop="equipmentAmt">
          <el-input v-model.trim="formVal.equipmentAmt" />
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="待摊投资" style="width:100%;" prop="prepaidAmt">
          <el-input v-model.trim="formVal.prepaidAmt" />
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="其他投资" style="width:100%;" prop="otherAmt">
          <el-input v-model.trim="formVal.otherAmt" />
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="送审金额" style="width:100%;" prop="trailFee">
          <el-input v-model.trim="formVal.trailFee" />
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="暂估转固金额" style="width:100%;" prop="zgzgAmt">
          <el-input v-model.trim="formVal.zgzgAmt" />
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="竣工决算时间" style="width:100%;" prop="finalTime">
          <el-input v-model="formVal.finalTime" />
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="区域经理" style="width:100%;" prop="regionManage">
          <el-input v-model="formVal.regionManage" />
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="联系电话" style="width:100%;" prop="phone">
          <el-input v-model="formVal.phone" />
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="联系邮箱" style="width:100%;" prop="email">
          <el-input v-model="formVal.email" />
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="送审状态" style="width:100%;" prop="isPush">
          <el-input v-model="formVal.isPushName" />
        <!-- <el-input v-model="selectList['IS_PUSH'].filter(item => item.dictId === formVal.isPush)[0].dictName" /> -->
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="返回类型" style="width:100%;" prop="returnType">
          <el-input v-model="formVal.returnType" />
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="返回时间" style="width:100%;" prop="returnDate">
          <el-input v-model="formVal.returnDate" />
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="退回意见" style="width:100%;" prop="returnCause">
          <el-input v-model="formVal.returnCause" />
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="决算审计状态" style="width:100%;" prop="auditState">
          <el-input v-model="formVal.auditState" />
        </el-form-item>
      </el-col>
    </el-row>
  </el-form>
</template>

  <script>
  // import * as Axios from '@/api/actualBudget'
  import { numberToQianFenWei } from '@/utils/numberToQianFenWei'
  export default {
    // name: 'Prjbasedetail',
    name: 'BeCompletedDetail',
    props: {
        selectList: {
            type: Object,
            default: () => ({})
        },
        formVal: {
            type: Object,
            default: () => ({})
        }
    },
    data() {
      return {}
    },
    watch: {
      'formVal.totalCost': function(newVal, oldVal) {
        this.formVal.totalCost = numberToQianFenWei(newVal)
      },
      'formVal.desInvest': function(newVal, oldVal) {
        this.formVal.desInvest = numberToQianFenWei(newVal)
      },
      'formVal.jaAmt': function(newVal, oldVal) {
        this.formVal.jaAmt = numberToQianFenWei(newVal)
      },
      'formVal.equipmentAmt': function(newVal, oldVal) {
        this.formVal.equipmentAmt = numberToQianFenWei(newVal)
      },
      'formVal.prepaidAmt': function(newVal, oldVal) {
        this.formVal.prepaidAmt = numberToQianFenWei(newVal)
      },
      'formVal.otherAmt': function(newVal, oldVal) {
        this.formVal.otherAmt = numberToQianFenWei(newVal)
      },
      'formVal.trailFee': function(newVal, oldVal) {
        this.formVal.trailFee = numberToQianFenWei(newVal)
      },
      'formVal.zgzgAmt': function(newVal, oldVal) {
        this.formVal.zgzgAmt = numberToQianFenWei(newVal)
      }
    },
    methods: {
      // async queryTFinInfo(formPrjId) {
      //   console.log(formPrjId, '目前写死 现在的prjid写死') // 目前写死 现在的prjid写死
      //   const queryTFinInfo = await Axios.queryTFinInfo({ prjId: 30000846 })
      //   if (queryTFinInfo.code === '200') {
      //     this.form = queryTFinInfo.data
      //   }
      // },
      // validataForm() {
      //   var flag = false
      //   this.$refs['form'].validate((vide) => {
      //     flag = vide
      //   })
      //   return flag
      // }
    }
  }
  </script>
